<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
      body{
        margin:0;
      }
      .sub-header{
        height: 100px;
        background-color: #b0b0b0;
        border: 3px solid green;
      }
      .container{
        width: 1128px;
        margin: 0 auto;
        border: 2px solid yellow;

        /*border-left: 1px solid red;*/
        /*border-right: 1px solid red;*/
      }
      .sub-header .ht{
          height: 100px;
      }
      .sub-header .logo{
          width: 234px;
          border: 1px solid red;
          float:left;

      }
      .sub-header .logo a {
          margin-top:22px;
          display:inline-block;
      }
      .sub-header .logo a img{
          height: 56px;
          width: 56px;
      }
      .sub-header .menu-list{
          float: left;

          line-height: 100px;
          border: 1px solid red;
      }
      .sub-header .menu-list a{
          display: inline-block;
          padding: 0 20px;
          color: #333;
          font-size: 16px;
          text-decoration: none;
      }
      .sub-header .menu-list a:hover{
          color:red;
      }
      .sub-header .search{
          float:right;
      }
    </style>
</head>
<body>

<div class="sub-header">
  <div class="container">
    <div class="logo ht">
        <a href="https://www.mi.com/" style="">
            <img src="images/logo-mi2.jpg" style=" ">
        </a>
    </div>
    <div class="menu-list ht ">
        <a href="https://www.mi.com">小米手机</a>
        <a href="https://www.mi.com">红米手机</a>
        <a href="https://www.mi.com">电视</a>
        <a href="https://www.mi.com">笔记本</a>
        <a href="https://www.mi.com">平板</a>
    </div>

    <div class="search ht">3</div>
    <div class="clear:both"></div>

  </div>
</div>

</body>
</html>